<!--
 * @Description: 
 * @Autor: Bingo
 * @Date: 2024-08-13 11:37:55
 * @LastEditors: Bingo
 * @LastEditTime: 2024-08-15 17:59:00
-->
<template>
  <nav class="home-nav">
    <aside class="nav-left" @click="Router.push('/')">{{ PageTitle }}</aside>
    <aside class="nav-right">
      康佳售后服务热线：<span class="nav-right-number">{{ PhoneNumber }}</span>
    </aside>
  </nav>
</template>
<script lang="ts" setup>
// CONST 常量
import { PageTitle, PhoneNumber } from "../config";

import { useRouter } from "vue-router";
const Router = useRouter()
</script>
<style scoped lang="less">
@import "@/style/mobile/index.less";
.home-nav {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1000;
  display: flex;
  justify-content: space-between;
  height: 60px;
  line-height: 60px;
  background: #393d49;
  color: white;
  padding: 0 25px;
  font-size: 16px;
  .nav-left{
    cursor: pointer;
  }
  .nav-right {
    display: flex;
    align-items: center;
    &-number {
      font-size: 20px;
    }
  }
}
</style>
